<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
     <title>数组ForEach方法遍历</title>
     <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css'>
     <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js'></script>
</head>
<body>
     <pre>
        <code style='max-height: 400px;'>
        // 数组的forEach  --- 循环遍历  在for循环中可以使用break跳出循环
        let arr = [1,2,3,4,5,6]
        for(let i = 0;i < arr.length; i++) {
            console.log('每一项的值',arr[i]);
            if(i == 3){
                break
            }
        }

        // 使用forEach ---- 在forEach里面不能跳出循环 --> return也没有办法跳出循环
        arr.forEach((item,index) => {
            console.log('当前是第'+index+'项');
            console.log('值为',item);
            // if(index ==3 ) {
            //     return 
            // }
            // if(index == 3) {
            //     break
            // }
        })

        let _Arr = [1,2,3,4]
        console.log('_Arr',_Arr);

        // 扩展:::::
        // 如果想跳出循环可以抛出错误终止
        try {
            _Arr.forEach((item,index) => {
            console.log('当前是第'+index+'项');
            console.log('值为',item);
                if(index == 1) {
                    throw new Error('当前index为:::' + index)
                }
            })
        }catch(err){
            console.log('抛出异常',err);
        }
        </code>
     </pre>
     <script> hljs.highlightAll(); </script>
     <script>
        // 数组的forEach  --- 循环遍历  在for循环中可以使用break跳出循环
        let arr = [1,2,3,4,5,6]
        for(let i = 0;i < arr.length; i++) {
            console.log('每一项的值',arr[i]);
            if(i == 3){
                break
            }
        }

        // 使用forEach ---- 在forEach里面不能跳出循环 --> return也没有办法跳出循环
        arr.forEach((item,index) => {
            console.log('当前是第'+index+'项');
            console.log('值为',item);
            // if(index ==3 ) {
            //     return 
            // }
            // if(index == 3) {
            //     break
            // }
        })

        let _Arr = [1,2,3,4]
        console.log('_Arr',_Arr);

        // 扩展:::::
        // 如果想跳出循环可以抛出错误终止
        try {
            _Arr.forEach((item,index) => {
            console.log('当前是第'+index+'项');
            console.log('值为',item);
                if(index == 1) {
                    throw new Error('当前index为:::' + index)
                }
            })
        }catch(err){
            console.log('抛出异常',err);
        }
     </script>
</body>
</html>